Join me coding everything from simple HTML to complex JS!

Let's make coding simple - no matter how complex it is! Join me and let's go places with 'Life with Coding'!

Gradient Button

Gradients on a button are pretty neat. Play around with the coding on this button and get your own style happening!

How to Code it!

HTML

<button>Gradient Button</button>

CSS

button { background-image: linear-gradient(to right, #349beb, #34c0eb, #34dfeb, #34ebcd); box-shadow: 0 4px 15px 0 #349beb; height: 50px; width: 200px; font-size: 20px; color: white; border: none; } button:hover { box-shadow: 0 0 20px #34ebcd; }